* {
    margin: 0;
    padding: 0;
    border: 0;
    list-style-type: none;
}

span {
    font-size: 0.18rem;
}


/*固定底部*/

#bottom {
    background-color: rgba(0, 0, 0, 0.3);
    color: white;
    display: flex;
    font-size: 0.15rem;
}

#bottom #bottom_center {
    width: 2rem;
    margin: auto;
    margin-top: 0.1rem;
}

#bottom #bottom_center .media-left img {
    vertical-align: middle;
    width: 0.325rem;
    height: 0.325rem;
}

#bottom_center_bot {
    font-size: 0.1rem;
}

#bottom #bottom_right {
    margin: auto 0;
}

#bottom #bottom_right span {
    background-color: #ff8a00;
    padding: 0.11rem 0.16rem;
}


/*****************************主体部分*******************************/

#main {
    height: 2.27rem;
    background: url("../img/index/banner.png") no-repeat;
    background-size: cover;
}

#main #input {
    margin: auto;
    padding-top: 1.9rem;
    width: 3.2rem;
}

#main #input input {
    background: url("../img/index/seach.png") no-repeat;
    background-position: 0.05rem center;
    background-size: 0.2rem 0.2rem;
    height: 0.35rem;
    padding-left: 0.3rem;
}

#main #input input {
    font-size: 0.12rem;
}


/*************房屋图标列表部分**********/

#iconList {
    background-color: #ff8a00;
    height: 1rem;
}

#iconList ul {
    padding-top: 0.1rem;
    display: flex;
    justify-content: space-around;
}

#iconList ul li {
    text-align: center;
    color: white;
    font-size: 0.1rem;
}

#iconList ul li img {
    margin-bottom: 0.1rem;
    width: 0.55rem;
    height: 0.55rem;
}


/* *** 宣传海报部分***/

#banner {
    height: 3rem;
    background: url("../img/index/banner2.png") no-repeat;
    background-size: cover;
}


/*******热门房源部分******/

#hot {
    background-color: #ff8a00;
    height: 0.45rem;
}

#hot div {
    color: white;
    padding: 0.1rem 0.2rem;
}

#hot div * {
    margin: 0;
    font-size: 0.1rem;
}

#hot div h3 {
    font-size: 0.15rem;
}


/*******热门房屋列表部分*********/

#houseList ul {
    margin: 0rem 0.2rem;
}

#houseList ul li {
    padding: 0.1rem 0;
    border-bottom: 0.1px solid #ff8a00;
}

#houseList ul li img {
    -webkit-border-radius: 0.1rem;
    -moz-border-radius: 0.1rem;
    border-radius: 0.05rem;
    width: 0.8rem;
    height: 0.8rem;
}

#houseList ul li * {
    margin: 0;
}

#houseList ul li .media-body {
    padding-left: 0.1rem;
}

#houseList ul li .media-body h2 {
    font-size: 0.15rem;
}

#houseList ul li .media-body .des1 {
    font-size: 0.1rem;
    display: flex;
}

#houseList ul li .media-body .des1 p {
    width: 100%;
    /*maring-right: 0.8rem;*/
    font-size: 0.1rem;
}

#houseList ul li .media-body .des1 .des1_right {
    text-align: center;
    color: #ff8a00;
}

#houseList ul li .media-body .des2 {
    display: flex;
    color: #8b8b8b;
    font-size: 0.12rem;
}

#houseList ul li .media-body .des2 p {
    width: 100%;
}

#houseList ul li .media-body .des2 .des2_right {
    text-align: center;
}

#houseList ul li .media-body .des3 span {
    font-size: 0.12rem;
    color: #849aae;
    background-color: #f4f7f9;
    padding: 0.01rem 0.1rem
}

.media-body div {
    padding: 0.04rem 0;
}

#houseList {
    margin: 0.1rem 0;
    border-bottom: 1px double #e5e5e5;
}


/***************底部切换部分********************/

#switch>ul {
    display: flex;
    justify-content: space-around;
    border-bottom: 0.01rem solid #ff8a00;
}

#switch ul li {
    width: 50%;
    padding: 0.1rem;
    text-align: center;
}

#switch ul li a {
    font-size: 0.15rem;
    color: #999999;
    text-decoration: none
}

#switch ul li.active {
    color: #ff8a00;
    border-bottom: 0.02rem solid #ff8a00;
}

#switch ul li.active a {
    color: #ff8a00;
}

#pane0 ul,
#pane1 ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0 0.2rem;
}

#pane0 ul li,
#pane1 ul li {
    text-align: left;
}

#pane1 {
    display: none;
}